<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div id="app">
			<button-counter></button-counter>
		</div>
		
	    <script src="../../vue.js"></script>
		<script>
            const MyComponent = {
                data() {
            	    return {
            			count: 0
            		}
            	},
            	template: 
            		`<button v-on:click="count++">
            			You clicked me {{ count }} times.
            		</button>`			
            }

            const app = Vue.createApp({
              components: {
              	ButtonCounter: MyComponent
              }
            }).mount('#app');
		</script>
	</body>
</html>